.comment-header-search {
  .ant-input {
    padding-left: 30px !important;
  }
}
.comment-header-chakan {
  font-size: 18px;
  cursor: pointer;

}
.header-icon-size {
  font-size: 16px;
}

.sider-approval-options-comment-tab-container {
  flex: 1;
  .ant-tabs-bar {
    margin-bottom: 10px;
  }

  .ant-tabs-extra-content {
    width: auto !important;
    line-height: 44px !important;
  }

  .ant-tabs-tab {
    margin-right: 0;
  }
}
.approval-opinions-panle {
  position: relative;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  .ant-tabs-bar,
  .ant-tabs-nav-container {
    transition: none !important;
  }
  .ant-tabs-nav {
    transition: none !important;
  }

  .origin-comment-title {
    height: 36px;
    width: 100%;
    padding: 0 12px 0 10px;
    background-color: rgba(229, 241, 255, 0.6);
    border-radius: 8px 8px 0 0;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    .comment-text {
      flex: 1;
      color: #333333;
      font-weight: 500;
      font-size: 14px;
      cursor: pointer;
    }

    .comment-expand {
      font-size: 12px;
      color: #666666;
      cursor: pointer;

    }

    .expand-icon {
      margin-left: 6px;
      font-size: 14px;
      cursor: pointer;
    }

    .header-icon-margin {
      margin-top: 4px;
      margin-left: 4px;
    }
  }
  .comment-title-margin {
    margin-bottom: 10px;
  }
 }
.approval-opinions-panle .drawer-container {
  .ant-drawer-body {
    padding: 12px;
    background-color: red;
  }
}

.opinion-tab-pane-scroll-container {
  height: 183px !important;
  transition: height 0.3s cubic-bezier(.7, .3, .1, 1);
}
